<template>
  <n-space vertical size="large">
    <n-layout has-sider>
      <n-layout-sider content-style="padding: 24px;"><Nav /></n-layout-sider>
      <n-layout>
        <n-layout-header><Breadcrumb /></n-layout-header>
        <div class="content">
          <n-layout-content content-style="padding: 24px;"
            ><router-view/></n-layout-content
          >
        </div>
        <!-- <n-layout-footer>成府路</n-layout-footer> -->
      </n-layout>
    </n-layout>
  </n-space>
</template>
<script>
import Nav from "../layout/nav.vue";
import Breadcrumb from "../layout/breadcrumb.vue";
export default {
  name: "Home",
  components: {
    Nav,
    Breadcrumb,
  },
};
</script>
<style>
.n-layout-header,
.n-layout-footer {
  background: rgba(128, 128, 128, 0.2);
  padding: 24px;
}

.n-layout-sider {
  background: rgba(128, 128, 128, 0.3);
}

.n-layout-content {
  height: 800px;
  background: rgba(128, 128, 128, 0.4);
}
</style>